.wraps {
    flex: 1;
    background-color: #F5F5F5;
}

.maskClack {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.38);
}

.indicator {
    height: 40px;
    width: 40px;
}

.sellBtn {
    width: 258px;
    height: 60px;
    background-color: rgba(186, 136, 51, 1);
    border-radius: 4px;
    font-size: 34px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 60px;
    text-align: center;
    margin-left: 246px;

    &:active {
        background-color: rgb(209, 142, 26);
    }
}

.scroller {
    flex: 1;
    width: 750px;
    background-color: #f2f2f2;
}

.sellItem {
    margin-bottom: 20px;
    background-color: #ffffff;
    width: 750px;

   
    &-con {
        flex-direction: row;
        align-items: center;
        padding:10px 32px;
    }

    &-tit {
        font-size: 28px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        line-height: 40px;
    }

    &-mon {
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(236, 65, 77, 1);
        line-height: 30px;
        margin-top: 16px;
    }
    &-act{
        flex-direction: row;
        justify-content: flex-end;
        padding: 32px;
    }
}

.bb {
    border-bottom-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.imgList {
    width: 120px;
    height: 120px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}

.titLeft {
    flex-direction: row;
    align-items: center;
}

.titname {
    font-size: 28px;
    color: #333;
    margin-right: 20px;
}

.iconfont {
    font-family: iconfont;
}

.titIcon {
    font-size: 24px;
    color: #999999;
}

.imgIcon {
    font-size: 32px;
    color: #999999;
}

.status {
    font-size: 28px;
    color: #ec414d;
}

.bottomList {
    align-items: flex-start;
    padding-left: 20px;
}

.num {
    font-size: 22px;
    color: #8e8e93;
    text-align: right;
    padding-bottom: 20px;

    &-info {
        flex-direction: row;
        align-items: center;
    }
}

.total {
    font-size: 22px;
    color: #8e8e93;
}

.symbol {
    font-size: 22px;
    color: #ec414d;
    margin: 0 8px;
}

.money {
    font-size: 28px;
    color: #ec414d;
}

 
.actionItem {
    font-size: 28px;
    color: #ba8833;
    line-height: 48px;
    border-width: 1px;
    border-style: solid;
    border-color: #c79f5b;
    text-align: center;
    padding: 0 20px;
    height: 48px;
    margin-left: 20px;
    &:active {
        background-color: #c79f5b;
    }
}